/* ========================================== */
/* CSS for control sap.uxap/ObjectPageHeader  */
/* BlueCrystal theme                          */
/* ========================================== */

.sapUxAPObjectPageHeader .sapMBar {
	background-color: mix(@sapUiAccent5, @sapUiWhite, 5);
	text-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.sapUxAPObjectPageHeader.sapUxAPObjectPageHeaderDesign-Dark {
	background-image: url(darkBackground.png);
	background-color: @sapUiGlobalBackgroundGradientEndColor;
	background-position: 0px -32px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.sapUxAPObjectPageHeader.sapUxAPObjectPageHeaderDesign-Dark .sapMBreadcrumbsSeparator,
.sapUxAPObjectPageHeader.sapUxAPObjectPageHeaderDesign-Dark .sapMLnk {
	color: @sapUiContentContrastTextColor;
}

.sapUxAPObjectPageHeaderDesign-Dark.sapUxAPObjectPageHeader .sapMBar {
	background-color: transparent;
	color: @sapUiContentContrastTextColor;
	.sapMBtnIcon {
		color: @sapUiContentContrastIconColor;
	}
}

.sapUxAPObjectPageHeaderDetails.sapUxAPObjectPageHeaderDetailsDesign-Dark .sapUxAPObjectPageHeaderChangesBtn,
.sapUxAPObjectPageHeaderDetails.sapUxAPObjectPageHeaderDetailsDesign-Dark .sapUxAPObjectPageHeaderLockBtn,
.sapUxAPObjectPageHeaderDetails.sapUxAPObjectPageHeaderDetailsDesign-Dark .sapUxAPObjectPageHeaderTitleArrow {
	background-color: transparent;
	color: @sapUiContentContrastTextColor;
	.sapMBtnIcon {
		color: @sapUiContentContrastIconColor;
	}
}

.sapUxAPObjectPageHeaderIdentifier {
	background: mix(@sapUiAccent5, @sapUiWhite, 5);

	.sapUxAPObjectPageHeaderDesign-Dark & {
		background-color: transparent;
	}

	.sapUxAPObjectPageHeaderIdentifierContainer {
		.sapUxAPObjectPageHeaderDesign-Dark & {
			.sapMBtnIcon {
				color: @sapUiContentContrastIconColor;
			}
		}

		.sapUxAPObjectPageHeaderIdentifierTitle {
			color: @sapUiGroupTitleTextColor;
			.sapUxAPObjectPageHeaderDesign-Dark & {
				color: @sapUiContentContrastTextColor;
			}
		}

		.sapUxAPObjectPageHeaderIdentifierDescription {
			color: @sapUiContentLabelColor;
			.sapUxAPObjectPageHeaderDesign-Dark & {
				color: @sapUiContentContrastTextColor;
			}
		}

		.sapMObjStatusMarker .sapUiIcon {
			.sapUxAPObjectPageHeaderDesign-Dark & {
				color: @sapUiContentContrastIconColor;
			}
		}
	}

	.sapUxAPObjectPageHeaderIdentifierActions {

		.sapUxAPObjectPageHeaderDesign-Dark & {
			.sapMBtnIcon, .sapMBtnTransparent, .sapMBtnTransparent > .sapMBtnIcon {
				color: @sapUiContentContrastIconColor;
			}
		}
	}
}

.sapUxAPObjectPageHeaderDesign-Dark .sapMTitle,
.sapUxAPObjectPageHeaderDetailsDesign-Dark .sapMObjStatusMarker .sapUiIcon,
.sapUxAPObjectPageHeaderDetailsDesign-Dark .sapUxAPObjectPageHeaderIdentifierTitle .sapMObjStatusMarker {
	color: @sapUiContentContrastIconColor;
}

.sapUxAPObjectPageHeaderChangesBtn .sapMBtnTransparent > .sapMBtnIcon,
.sapUxAPObjectPageHeaderLockBtn .sapMBtnTransparent > .sapMBtnIcon {
	color: @sapUiContentMarkerIconColor;
}

html.sapUiMedia-Std-Phone .sapUiSizeCompact.sapUxAPObjectPageHeaderChangesBtn .sapMBtn,
html.sapUiMedia-Std-Phone .sapUiSizeCompact.sapUxAPObjectPageHeaderLockBtn .sapMBtn {
	margin-top: -0.5rem;
}

.sapUiSizeCompact.sapUxAPObjectPageHeaderChangesBtn .sapMBtn,
.sapUiSizeCompact.sapUxAPObjectPageHeaderLockBtn .sapMBtn {
	margin-top: -0.25rem;
}

.sapUxAPObjectPageHeaderPlaceholder {
	background-color: @sapUiContentImagePlaceholderBackground;
}

.sapUxAPObjectPageHeaderDetailsDesign-Dark .sapUxAPObjectPageHeaderPlaceholder,
.sapUxAPObjectPageHeaderDesign-Dark .sapUxAPObjectPageHeaderPlaceholder {
	background-color: transparent;
}

.sapUxAPObjectPageHeaderPlaceholder > .sapUiIcon {
	color: @sapUiContentImagePlaceholderForegroundColor;
}

.sapUxAPObjectPageHeaderDetailsDesign-Dark .sapUxAPObjectPageHeaderPlaceholder > .sapUiIcon,
.sapUxAPObjectPageHeaderDesign-Dark .sapUxAPObjectPageHeaderPlaceholder > .sapUiIcon {
	color: @sapUiContentContrastIconColor;
}

html.sap-desktop .sapUxAPObjectPageHeaderDesign-Dark .sapMBtn:focus > .sapMFocusable {
	outline: 1px dotted @sapUiContentContrastFocusColor;
}

html.sap-desktop .sapUxAPObjectPageHeaderDesign-Dark .sapMBtn:focus > .sapMFocusable.sapMIE {
	outline: none;
}

html.sap-desktop .sapUxAPObjectPageHeaderDesign-Dark .sapMBtn:focus .sapMBtnFocusDiv {
	border: 1px dashed @sapUiContentContrastFocusColor;
}

.sapUxAPObjectPageHeaderObjectImageContainer .sapUiIcon {
	color: @sapUiContentIconColor;
}

.sapUxAPObjectPageHeaderDesign-Dark .sapUxAPObjectPageHeaderObjectImageContainer .sapUiIcon {
	color: @sapUiContentContrastIconColor;
}